
<style type="text/css">
	.div1 {
		width: 200px;
		height: 200px;
		background-color: red;
		animation: myfirst 5s;	
	}
	@keyframes myfirst{
		/*from {
			background-color: red;
		}
		to{
			background-color: green;
		}*/
		0%   {background: red;}
25%  {background: yellow;}
50%  {background: blue;}
100% {background: green;}
	}
</style>
<div class="div1">

</div>